<html>
<head>
    <!--
    Si voleu col·laborar en el projecte, contacteu amb lluis_a_pamies.cat.
    El projecte està alliberat sota la llicència GPL, així que totes les
    noves aportacions seràn benvingudes !.
    ----
    If you want to work for this project, please contact to lluis_a_pamies.cat.
    This project is under the GPL license. All new features are wellcome !.
    -->
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <title>Visor de mapes de Catalunya</title>
	<script type="text/javascript" src="jsmaps.js"></script>
	<script type="text/javascript">
     var map
     function InitMap()
     {
        var orto5000 = new MapResource('orto_5000','http://galileo.icc.es/wms/servlet/icc_orto5m_r_r',5000,1,30000,1)
        orto5000.AddLayer('Ortofoto 5000','Ortofoto_5000')

        var orto25000 = new MapResource('orto_25000','http://galileo.icc.es/wms/servlet/icc_orto25m_r_r',25000,1,110000,5)
        orto25000.AddLayer('Ortofoto 25000','Ortofoto_25000_color')
        
        var topo5000 = new MapResource('topo_5000','http://galileo.icc.es/wms/servlet/icc_bt5m_v_r',5000,1,35000,1)
        topo5000.AddLayer('Corbes nivell','BT5M_ALT_Corbes_de_nivell')
        topo5000.AddLayer('Vies comunicació','BT5M_COM_Vies_de_comunicacio')
        topo5000.AddLayer('Costa natural','BT5M_HIDR_Costa_natural')
        topo5000.AddLayer('Curs fluvial','BT5M_HIDR_Curs_fluvial_estany_embassament')
        topo5000.AddLayer('Hidrografia','BT5M_HIDR_Hidrografia_lineal')
        topo5000.AddLayer('Mar','BT5M_HIDR_Mar_detallat')
        topo5000.AddLayer('Pou','BT5M_HIDR_Pou')
        topo5000.AddLayer('Abocador','BT5M_POB_Abocador')
        topo5000.AddLayer('Camp esports','BT5M_POB_Camp_esports')
        topo5000.AddLayer('Construccio','BT5M_POB_Construccio')
        topo5000.AddLayer('Diposit','BT5M_POB_Diposit_cobert')
        topo5000.AddLayer('Edificacions','BT5M_POB_Edificacions')
        topo5000.AddLayer('Hivernacle','BT5M_POB_Hivernacle')
        topo5000.AddLayer('Illa urbana','BT5M_POB_Illa_urbana')
        topo5000.AddLayer('Moll','BT5M_POB_Moll')
        topo5000.AddLayer('Parterre','BT5M_POB_Parterre')
        topo5000.AddLayer('Peatge','BT5M_POB_Peatge')
        topo5000.AddLayer('Infraestructura lineal','BT5M_POB_Poblament_Infraestr_aux_lineals')
        topo5000.AddLayer('Infraestructura poligons','BT5M_POB_Poblament_Infraestr_aux_poligonals')
        topo5000.AddLayer('Presa','BT5M_POB_Presa')
        topo5000.AddLayer('Xemeneia','BT5M_POB_Xemeneia')
        topo5000.AddLayer('Zona extracció','BT5M_POB_Zona_extraccio')
        topo5000.AddLayer('Agrupació arbres','BT5M_VEG_Agrupacio_arbres')
        topo5000.AddLayer('Bosc','BT5M_VEG_Bosc')
        topo5000.AddLayer('Platja i sorrals','BT5M_VEG_Platja_i_sorrals')
        topo5000.AddLayer('Rambla inundable','BT5M_VEG_Rambla_inundable')
        topo5000.AddLayer('Rocam','BT5M_VEG_Rocam')
        
        var topo50000 = new MapResource('topo_50000','http://galileo.icc.es/wms/servlet/icc_bt50m_v_r',50000,1,400000,10)
	    topo50000.AddLayer('Corbes nivell','BT50M_ALT_corbes_de_nivell')
        topo50000.AddLayer('Cotes altimetriques','BT50M_ALT_cotes_altimetriques')
        topo50000.AddLayer('Altres vies','BT50M_VSEC_altres_vies')
        topo50000.AddLayer('Autopista','BT50M_VPRIN_autopista_via_preferent')
        topo50000.AddLayer('Ferrocarrils','BT50M_FER_ferrocarrils')
        topo50000.AddLayer('Peatges','BT50M_VPRIN_peatges')
        topo50000.AddLayer('Punts quilometrics','BT50M_VPRIN_punts_quilometrics')
        topo50000.AddLayer('Vies convencionals fora Catalunya','BT50M_VPRIN_vies_convencionals_de_fora_de_Catalunya')
        topo50000.AddLayer('Xarxa basica','BT50M_VPRIN_xarxa_basica')
        topo50000.AddLayer('Xarxa comarcal','BT50M_VPRIN_xarxa_comarcal')
        topo50000.AddLayer('Xarxa local','BT50M_VPRIN_xarxa_local')
        topo50000.AddLayer('Vies urbanes','BT50M_VSEC_vies_urbanes')
        topo50000.AddLayer('Cobertes del sol','BT50M_HIDR_cobertes_del_sol')
        topo50000.AddLayer('Contorns hidrografics','BT50M_HIDR_hidrografia_contorns')
        topo50000.AddLayer('Hidrografia lineal','BT50M_HIDR_hidrografia_lineal')
        topo50000.AddLayer('Hidrografia poligonal','BT50M_HIDR_hidrografia_poligonal')
        topo50000.AddLayer('Edificacions','BT50M_POB_edificacions_i_construccions')
        topo50000.AddLayer('Toponimia','BT50M_TOP_toponimia')
        
        var topo250000 = new MapResource('topo_250000','http://galileo.icc.es/wms/servlet/icc_bt250m_r_r',250000,100000,1000000,50)
        topo250000.AddLayer('Topografic 250000','MTC250000')

        map = new MapHandler(document.getElementById('map'))
        map.AddMap(orto5000)
        map.AddMap(orto25000)
        map.AddMap(topo5000)
        map.AddMap(topo50000)
        map.AddMap(topo250000)
        map.Display('orto_5000')

        var type = document.getElementById('maptype')
        for(var i in map.maps_names) {
            var name = map.maps_names[i]
            var opt = document.createElement('option')
            opt.innerHTML = name
            opt.value = name
            type.appendChild(opt)
        }
     }

     function ChangeMap() {
         type = document.getElementById('maptype')
         map.Display(type.options[type.selectedIndex].value)
     }

     function ChangePoint() {
         long = parseInt(document.getElementById('long').value)
         lati = parseInt(document.getElementById('lati').value)
         map.Move(long,lati)
     }
    </script>
    <style>
     body {
      background-color: #BCC;
     }
     #title {
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      height: 20px;
      border-bottom: 1px solid gray;
      background-color: #678;
      font-size: 18px;
      font-weight: bold;
      padding-left: 5px;
      color: white;
      padding-top: 1px;
     }
     #nav {
      position: absolute;
      left: 5px;
      top: 26px;
      bottom: 5px;
      width: 200px;
     }
     #map {
      position: absolute;
      top: 26px;
      left: 205px;
      right: 5px;
      bottom: 5px;
      border: 1px solid gray;
      background-color: #FFF;
     }
     #copyright {
      margin-bottom: 30px;
      font-size: 10pt;
     }
     #powered {
      position: absolute;
      left:5px;
      bottom:5px;
      font-size: 10pt;
     }
    </style>
</head>
<body onload="InitMap()">

<div id="title">Mapes de Catalunya</div>

<div id="nav">
 <div id="copyright">
  <a href="http://www.icc.es"><img src="icc.png" border="1" alt="icc"></a><br/>
  La propietat dels mapes mostrats en aquesta pàgina és de l'
  <a href="http://www.icc.es">Institut Cartogràfic de Catalunya</a>.
 </div>

 <b>Tipus de mapa:</b><br/>
  <select onchange="ChangeMap()" id="maptype"></select><br/><br/>

  <b>Anar a una coordenada:</b><br/>
  <table>
  <tr><td>longitud:</td><td><input id="long" value="429000"/></td></tr>
  <tr><td>latitud:</td><td><input id="lati" value="4581000"/></td></tr>
  </table>
  <input type="submit" onclick="ChangePoint()"><br/>
</div>

<div id="powered">Powered by <a href="http://code.google.com/p/jsmaps/">jsmaps</a>.</div>

<div id="map"/>

</body>
<html>
